<template>
	<div>
		<el-button type="primary" @click="ptzclick('in')" v-hasPermi="['camera:add']" plain icon="ZoomIn">
		</el-button>
		<el-button type="primary" @click="ptzclick('outin')" v-hasPermi="['camera:add']" plain icon="ZoomOut">
		</el-button>
		<br>
		<br>
		<el-button type="primary" @click="ptzclick('topleft')" v-hasPermi="['camera:add']" plain icon="TopLeft">
		</el-button>
		<el-button type="primary" @click="ptzclick('top')" v-hasPermi="['camera:add']" plain icon="Top">
		</el-button>
		<el-button type="primary" @click="ptzclick('topright')" v-hasPermi="['camera:add']" plain icon="TopRight">
		</el-button>
		<br>
		<el-button type="primary" @click="ptzclick('back')" v-hasPermi="['camera:add']" plain icon="Back">
		</el-button>
		<el-button type="primary" @click="ptzclick('index')" v-hasPermi="['camera:add']" plain icon="Index">
		</el-button>
		<el-button type="primary" @click="ptzclick('right')" v-hasPermi="['camera:add']" plain icon="Right">
		</el-button>
		<br>
		<el-button type="primary" @click="ptzclick('bottomleft')" v-hasPermi="['camera:add']" plain icon="BottomLeft">
		</el-button>
		<el-button type="primary" @click="ptzclick('bottom')" v-hasPermi="['camera:add']" plain icon="Bottom">
		</el-button>
		<el-button type="primary" @click="ptzclick('bottomright')" v-hasPermi="['camera:add']" plain icon="BottomRight">
		</el-button>
	</div>

</template>

<script setup>


// export default {
// 	methods: {
// 		ptzclick(type) {
// 			this.$emit('childEvent', type);
// 		}
// 	}
// }
</script>
